<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta content="App Inventor for Android" name="description">
    <meta content="Android, Blocks App Inventor, Mobile, Phone, IDE" name="keywords">
    <title>
      Mac Setup - App Inventor for Android
    </title>
    <link href="../../static/images/appinventor-16.png" rel="SHORTCUT ICON" type="image/ico">
    <link href="../../static/images/appinventor-16.png" rel="icon" type="image/png">
    <link href="../../static/css/appinventor.css" rel="stylesheet" type="text/css">
<!-- ADD Google Analytics here -->
<!-- END Google Analytics here -->
    <style type="text/css">
img.c3 {border-width:0}
    div.c2 {text-align: left;}
    div.c1 {clear:both;}
    </style>
  </head>
  <body>
    <div id="aiac">
      <div class="main-container">
        <div class="header">
          <div class="header-title">
            <a href="../../about/index.html"><img alt="" src="../../static/images/appinventor_logo.gif"></a>
          </div>
            <div class="header-search">
<!-- ADD Google Custom Search -->
<!-- END Google Custom Search -->
              <div class="header-search-query">
              </div>
              <div class="header-search-button">
              </div>
            </div>
          <div class="header-login">
            <div class="header-login-greeting">
              Learn about App Inventor
            </div>
          </div>
        </div>
        <div class="customhr customhr-green"></div>
<!-- ADD Google Search Results -->
<!-- END Google Search Results -->
        <div id="navigation">
          <div id="navigation-links">
            <div class="navigation-link-option" id="navigation-link-home">
              <a href="../../about/index.html">About</a>
            </div>
            <div class="navigation-link-option navigation-link-active" id="navigation-link-learn">
              <a href="../../learn/index.html">Learn</a>
            </div>
            <div class="navigation-link-option" id="navigation-link-forum">
              <a href="../../forum/index.html">Forum</a>
            </div>
            <div class="navigation-link-option" id="navigation-link-myappinventor">
              <a href="">My Projects</a><div>(coming soon)</div>
            </div>
          </div>
          <div id="navigation-breadcrumb">
            <a href="../../learn/index.html">Learn</a> &gt; <a href="../../learn/setup/index.html">Setup</a> &gt; Mac &gt;
          </div>
          <div class="c1"></div>
        </div>
        <div class="customhr customhr-gray"></div>
        <div class="content">
          <div class="content-body">
            <div class="learn-page">
              <h1>
                Installing App Inventor Setup on Mac OS X
              </h1>
              <p>
                App Inventor consists of several different parts that work together. These parts live in various places: on Google's servers, on your computer, and on your phone. To install the parts that run on your computer, download and run App Inventor Setup. This document tells you how to do that.
              </p>
              <ol>
                <li>
                  <a href="http://dl.google.com/appinventor/installers/mac/AppInventor_Setup_v_1.1.dmg">Download</a> the installer.<br>
                </li>
                <li>Double-click AppInventorSetup.pkg to start the installer.<br>
                </li>
                <li>Click Continue.
                  <div class="c2">
                    <img alt="" src="../../learn/setup/SetupAssets/macinstallerwelcome.png" width="500">
                  </div><br>
                </li>
                <li>Read and accept the software license agreement.<br>
                </li>
                <li>On the Standard Install screen. Click Install. Don't change the install location.<br>
                  <div class="c2">
                    <img alt="" src="../../learn/setup/SetupAssets/macstandardinstall.png" width="500">
                  </div><br>
                </li>
                <li>If asked, enter your password to confirm that you really want to install software. Click OK.
                </li>
                <li>The installer confirms that the App Inventor Setup package was installed.
                </li>
              </ol>
              <h2>
                Locating the Setup software
              </h2>
              <p>
                In most cases, App Inventor should be able to locate the installed software on its own. But if it asks you to type in the location to look for it, the path name to enter is<br>
                /Applications/Appinventor/commands-for-Appinventor
              </p>
              <blockquote class="notice">
                Something not working right? Visit the <a href="../troubleshooting.html">troubleshooting page</a>, or check the <a href="../../forum/index.html">App Inventor User Forum</a> for help.
              </blockquote>
              <h2>
                Next Steps
              </h2><a href="../../learn/setup/phone.html">Set up your Android phone</a> then <a href="../../learn/setup/hellopurr/hellopurrphonepart1.html">build your first app with the phone</a>
              <h3>
                or
              </h3><a href="../../learn/setup/hellopurr/hellopurremulatorpart1.html">Build your first app with the emulator</a>
            </div>
          </div>
        </div>
        <div class="footer">
          <div class="footer-legal">
            <p>
              <a href="http://creativecommons.org/licenses/by/3.0/" rel="license"><img alt="Creative Commons License" class="c3" src="http://i.creativecommons.org/l/by/3.0/88x31.png"></a><br>
              This work is licensed under a <a href="http://creativecommons.org/licenses/by/3.0/" rel="license">Creative Commons Attribution 3.0 Unported License</a> .
            </p>
            <p>
              The original work by Google has been modified<br>
              <!-- The modified work was translated from English to [language]<br> -->
              <a href="../../about/index.html">About</a> | <a href="../../about/privacy.html">Privacy</a> | <a href="../../about/termsofservice.html">Terms</a>
            </p>
          </div>
          <div class="footer-lastupdate">
            <script type="text/javascript">
if (document.lastModified != '') {
                var m = "Page last updated: " + document.lastModified;
                var p = m.length-8;
                document.writeln("<center>");
                document.write(m.substring(p, 0));
                document.writeln("<\/center>");
              }
            </script>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>
